<template>
  <div class="dashboard-container">
    <!--第一横栏开始-->
    <el-row class="row1" type="flex" justify="left">
      <el-col :span="8">
        <p style="font-size: larger">缺陷流程定制</p>
      </el-col>
      <el-col :offset="16" :span="7" style="margin-top: 15px">
        <span
          ><el-button disabled class="proButton" type="success"
            >自定义模块属性</el-button
          ></span
        >
      </el-col>
    </el-row>
    <!--第一横栏结束-->
    <el-divider></el-divider>
    <el-alert
      style="width: 100%; color: #9c631d"
      type="warning"
      :closable="false"
    >
      <template slot="title">
        <div>
          <span>温馨提示:</span
          ><span style="margin-left: 15px"
            >1.该功能因一些原因暂时停止自定义模块属性</span
          >
        </div>
      </template>
    </el-alert>
    <el-button class="proButton margin-top" disabled>新增属性</el-button>
    <div class="table_div">
      <el-table :data="tableData" style="width: 100%">
        <el-table-column width="30">
          <template>
            <svg-icon style="margin-right: 10px" icon-class="sqsq">
            </svg-icon>
          </template>
        </el-table-column>
        <el-table-column label="属性名称" prop="name">
          <template slot-scope="scope">
            <el-button type="text" class="operate"> {{ scope.row.name }}</el-button>
          </template>
        </el-table-column>
        <el-table-column label="显示类型" prop="type"> </el-table-column>
        <el-table-column label="模块中是否显示" prop="view"> </el-table-column>
        <el-table-column label="默认值" prop="deflatValue"> </el-table-column>
        <el-table-column label="操作"></el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
export default {
  name: "processCustomization",
  data() {
    return {
      tableData: [
        {
          name: "缺陷属性",
        },
        {
          name: "用例属性",
        },
      ],
    };
  },
};
</script>

<style lang="scss" scoped>
.margin-top {
  margin-top: 15px;
}
.table_div {
  margin-top: 15px;
}
.process_div,
.operate {
  color: #409eff;
}
.operateDelete {
  color: #f56c6c;
}
.processTable{
  width: 100%;
  height: 300px;
  overflow-y:scroll; 
  overflow-x:hidden;
}
</style>